<template lang="pug">
el-table-column(type="expand" label="详情")
  template(slot-scope="scope")
    .content
      .l
        img(:src="scope.row.pic")
      .r
        el-form(inline)
          el-form-item(label="名称:")
            h3 {{scope.row.name}}
              span [{{scope.row.category_name}}]
          br
          el-form-item(label="标签:")
            el-tag(type="info" size="mini" v-for='d in scope.row.tags' :key="d") {{d}}
          br
          el-form-item(label="介绍:")
            .detail {{scope.row.detail}}
          br
          el-form-item(label="备注:")
            span {{scope.row.desc}}
</template>
<style lang="sass">
tbody
  tr
    .content
      display: flex
      .l
        margin: auto 15px
        img
          width: 150px
          height: 100px
          border-radius:4px
      .r
        .el-form
          margin-top: -10px
          .el-form-item
            margin: 0
            .el-form-item__label
              opacity: .8
              font-size: 14px
            .el-form-item__content
              h3
                font-weight: 400
                span
                  font-size: 14px
                  padding-left: 10px
                  opacity: .6
              .el-tag+.el-tag
                margin-left: 7px
              .detail
                white-space: pre-wrap
                line-height: 21px
                margin-top: 10px


</style>
